.dark {
  //treeMenuLayout主题
  .treeMenuLayout {
    .el-menu {
      background: #001529;
      color: #ffffff;

      .el-menu-item, .el-icon {
        color: #ffffff;
      }

      .el-menu-item:hover {
        color: #1890ff;
      }

      .el-sub-menu__title:hover {
        * {
          color: #1890ff;
        }
      }

      .is-active {
        color: #1890ff;
      }
    }

    .left-side-expand {
      background: #001529;
      transition: width 0.05s;
    }

    .left-side-collapse {
      background: #001529;
      transition: width 0.05s;
    }

    .menu-title, .header-title {
      color: #ffffff;
    }

    .header {
      background: #001529;

      border-bottom: 1px #ffffff solid;

      .collapsed-button {
        i {
          font-size: 30px;
          color: #ffffff;
        }

        i:hover {
          color: #0000ff;
        }
      }

      .right_layout {
        color: #ffffff;

        i {
          font-size: 16px;
          color: #ffffff;
        }

        i:hover {
          color: #0000ff;
        }
      }
    }

    .body-content {
      background: #ffffff;

      .tableLeftBox {
        .inner {
          .outer {
            .box-card {
              .card-header {
              }

              .item:hover {
                color: #0c2e85;
              }
            }
          }
        }

      }
    }
  }
}